<template class="main">
  <div class="loading">
    <!--遮罩层开始   -->
    <div class="mask"></div>
    <!--遮罩层结束   -->
    <img src="/imgs/loading-svg/loading-bars.svg" alt="正在加载...">
  </div>
</template>

<script>
export default {
  name: "Loading"
}
</script>

<style scoped lang="scss">
@import "~@/assets/scss/mixin.scss";
@import "~@/assets/scss/config.scss";

.loading {
  height: 80px;
  line-height: 80px;
  text-align: center;
  z-index: 10;
  padding: 30px 0;

  img {
    height: 100%;
  }
}
</style>
